
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select { margin:0; padding:0; }
html {
  width: 100%;
  height: 100%;
  font-family: simhei;
}
body {
  width: 100%;
  height: 100%;
  background:rgba(124,123,123,0.4);
}
img {
  border: 0;
}

a {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
}
ul,li{
  list-style: none;
}
.cantaner{
  width:80%;
  overflow: hidden;
  margin:0 auto;
  .toTop{
    cursor: pointer;
    width:40px;
    height: 40px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    text-align: center;
    line-height: 40px;
    background: #fff;
  }
  h1{
    text-align: center;
    line-height: 100px;
  }
  .items{
    width:80%;
    margin:30px auto;
    overflow: hidden;
    border-top-right-radius: 20px 20px;
    background: rgba(104,157,205,0.5);
  }
  .itemsLeft,.itemsRight{
    float: left;
    height: 200px;
  }
  .itemsLeft{
    width:20%;
    img{
      height:100%;
    }
  }
  .itemsRight{
    margin-left:8%;
    width:70%;


    h2{
      line-height: 40px;
    }
    p{
      width:100%;
      //background: #1D8F39;
      text-indent: 2em;
      line-height: 26px;
    }
  }


}

@media only screen and (max-width: 1200px) {
  
  .cantaner{
    width:100%;
    .items{
      width:90%;
      background: none;
      overflow: auto;
      .itemsLeft{
        float: none;
        width:200px;
        height:200px;
        margin:0 auto;

      }
      .itemsRight{
        float:none;
        width:100%;
        height:100%;
        margin:0 auto;
      }
    }

  }


}
